<template>
<h2> {{ msg }}</h2>
<h3>{{ message }}</h3>
<!----d点击按钮翻转字符串---->
<button @click="onBtn">点击翻转字符</button>
</template>
<script>
export default {
    data() {
        return {
            msg: '字符串翻转',
            message: 'Hello Vuejs!'

        }
    },
    methods: {
        onBtn() { 
            console.log(this.message.split('').reverse().join(''));
            this.message = this.message.split('').reverse().join('')
        }
    }
}

</script>